<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<title>登录</title>
	<link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../iconfont/iconfont.css" />
</head>
<style>
	.log img {
		width: 100px;
		height: 100px;
	}
	
	.color-1 {
		color: #919191;
	}
	
	.color-2 {
		color: #FC3A2E;
	}
	
	.icon-iconfontyonghu,
	.icon-yanzhengma,
	.icon-yonghuming,
	.icon-yaochi,
	.icon-yaoqing {
		font-size: 22px;
	}
	
	.div-input {
		background: transparent!important;
		color: #555;
		display: inline-block;
		width: 80% !important;
		border: none!important;
		padding-left: 10px!important;
	}
	
	.div-input2 {
		width: 40%!important;
	}
	
	.border-btm {
		border-bottom: 1px solid #bbb;
		height: 41px;
		line-height: 41px;
	}
	
	.div-btn {
		border: 1px solid #ccc;
		background: transparent;
		color: #919191;
		font-size: 12px;
		padding: 2px 7px;
		float: right;
		margin: 7px 10px;
		border-radius: 8px;
	}
	
	.mui-checkbox input[type=checkbox]:checked:before,
	.mui-radio input[type=radio]:checked:before {
		color: #919191;
		font-size: 23px;
		line-height: 28px;
	}
	
	.mui-checkbox.mui-left input[type=checkbox],
	.mui-radio.mui-left input[type=radio] {
		left: 12px;
	}
	
	.mui-checkbox.mui-left label,
	.mui-radio.mui-left label {
		padding-left: 40px;
		font-size: 14px;
	}
	
	.login-Btn button {
		background: linear-gradient(0, #DDDDDD, #FFFFFF)!important;
		box-shadow: 2px 2px 5px #dcdcdc!important;
		line-height: 30px!important;
	}
	
	.div-hr label {
		vertical-align: middle;
	}
	
	.div-hr label:before {
		content: "";
		width: 30%;
		height: 1px;
		line-height: 17px;
		display: inline-block;
		background: #919191;
		vertical-align: middle;
	}
	
	.div-hr label:after {
		content: "";
		width: 30%;
		height: 1px;
		line-height: 17px;
		display: inline-block;
		background: #919191;
		vertical-align: middle;
	}
	
	.fonsz {
		font-size: 12px;
		color: #919191;
	}
		.btn-submit {
			border: none;
		}
</style>
<body>
	<!-- 顶部导航 开始 -->
	<header class="pad-h-md pad-v-md color-1">
		<i class="icon iconfont icon-fanhui x2 mui-action-back"></i>
	</header>
	<!-- 顶部导航 结束 -->

	<!--内容开始-->
	<div class="mui-text-center log mgn-v-lg">
		<img src="../image/logo.png" class="btn-mode-switch" />
	</div>

	<div class="mgn-h-md">
		<div class="border-btm">
			<i class="iconfont icon-iconfontyonghu color-1"></i>
			<input class="no-mgn no-pad div-input" type="number" name="mobile" placeholder="手机号码" />
		</div>
		<div class="border-btm">
			<i class="iconfont icon-yaochi color-1"></i>
			<input class="no-mgn no-pad div-input" type="password" name="password" placeholder="登录密码" />
		</div>
	</div>
	<div class="mui-row pad-h-md">
		<label class="mui-col-xs-6 pad-v-sm color-1 mui-text-left" data-url="member.forgotten.html">忘记密码</label>
		<label class="mui-col-xs-6 pad-v-sm color-1 mui-text-right" data-url="member.register.oauth.html">快速注册</label>
	</div>

	<div class="mui-text-center mgn-h-md login-Btn mgn-v-lg mui-row">
		<button class="mui-col-xs-12 color-1 btn-submit">登录</button>
	</div>
	<!--内容结束-->

	<!--qq登录，微信登录，微博登录 开始-->
	<!-- <div class="mui-text-center div-hr mgn-h-md">
		<label class="color-1">用以下方式登录</label>
	</div>
	<div class="mui-row mui-text-center mgn-h-md mgn-v-lg">
		<div class="mui-col-xs-2 oauth-btn" data-type="weixin">
			<img class="mui-col-xs-8" src="../image/icon-weixin.png" />
			<label class="mui-block fonsz">微信登录</label>
		</div>
		<div class="mui-col-xs-8 oauth-btn" data-type="qq">
			<img class="mui-col-xs-2" src="../image/icon-qq.png" />
			<label class="mui-block fonsz">QQ登录</label>
		</div>
		<div class="mui-col-xs-2 oauth-btn" data-type="sinaweibo">
			<img class="mui-col-xs-8" src="../image/icon-sinaweibo.png" />
			<label class="mui-block fonsz">微博登录</label>
		</div>
	</div> -->
	<!--qq登录，微信登录，微博登录 结束-->

	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/jquery.ba-bbq.min.js"></script>
	<script type="text/javascript" src="../js/template.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
	<script type="text/javascript" src="member.login.js"></script>
</body>
</html>